<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta content="telephone=no, address=no" name="format-detection" />
    <title>咸冰考研</title>
    <link rel="stylesheet" href="./css/reset.css" type="text/css" />
	<link rel="stylesheet" href='./css/index.css' type="text/css" />
    <style type="text/css">
        .logoDiv{
			padding-top:18px;
			width:100%;
			height:38px;
			line-height: 38px;
			text-align: center;
			color:#fff;
			font-size:16px;
		}
		.textList{
			width:60%;
			margin-top:34px;
			text-align: left;
			padding-left:35%;
		}
		.textList li{
			text-indent: 20px;
			height:30px;
			line-height:30px;
			font-size:14px;
			color: #FFFFFF;
		}
		.newUserDiv{
			width:70%;
			position: relative;
			margin:25px auto;
			background: #FFFFFF;
			border-radius: 10px;
		}
		.newUserDivP{
			position: absolute;
			top:-25px;
			right: -20px;
			background: url(img/ico2.png) no-repeat;
			background-size: 50px 50px;
			width: 50px;
			height: 50px;
		}
		.registerDiv{
			margin-top:30px;
			width:100%;
			font-size:30px;
			text-align: center;
			color: #FFFFFF;
		}
		.register{
			margin:-15px auto;
			width:70%;
			
			background: rgba(255,255,255,0.5);
			padding-top:30px;
			padding-bottom:20px;
		}
		.inputDiv{
			width:70%;
			margin:0 auto;
			height: 30px;
			margin-bottom: 10px;
			
		}
		.inputDiv input{
			
			margin: 0;
			padding: 0;
			width:100%;
			height:30px;
			background: #fff;
			border-radius: 10px;
			border:none;	
			text-indent: 10px;	
			outline:none;
		}
		.codeBtn{
			margin: 0;
			padding: 0;
			position: absolute;
			top:0;
			right:0;
			width:80px;
			height:30px;
			text-align: center;
			border-radius: 10px;
			border:none;
			background: #4a90e2;
			color: #fff;
			z-index: 99;
			outline:none;
		}
		.registerBut{
			margin-top:20px;
			margin-bottom:20px;
			width:140px;
			height:40px;
			background:#4a90e2 ;
			color: #fff;
			text-align: center;
			font-size:20px;
			line-height: 40px;
			border-radius: 21px;
			border:none;
			outline:none;
		}
    </style>
    <!-- 必要的js文件，提前引用 -->
    <script type="text/javascript" src="./js/jquery-2.1.4.min.js" ></script>
	
</head>

<body style="width:100%;height: 100%;background:url(img/bg.png) no-repeat;background-position: center -70px;background-size: 170% auto">
	<div class="wxcontent" v-cloak>
		<img src="img/xb.png" style="position: fixed;top:120px;left:-21px;width:150px;height:auto;">
		<div class="logoDiv">
			<img src="img/logo.png" style="width:38px;height:38px;margin-right:10px;">
			<span class="">
				咸冰考研
			</span>
		</div>
		<h2 style="margin-top:10px;height40px;width:100%;line-height: 40px;font-size: 28px;font-weight: bold;text-align: center;color:#FFF;">1对1考研咨询平台</h2>
		<p style="margin-top:10px;height:20px;width:100%;line-height: 20px;font-size: 18px;text-align: center;color:#FFF;">没有考研机构赚差价</p>
		<ul class="textList">
			<li><img src="img/ico1.png" style="width:12px;height:12px;margin-right:10px;">考研学弟学妹等你帮助</li>
			<li><img src="img/ico1.png" style="width:12px;height:12px;margin-right:10px;">支持一对一在线咨询辅导</li>
			<li><img src="img/ico1.png" style="width:12px;height:12px;margin-right:10px;">在线出售笔记资料</li>
		</ul>
		<div class="newUserDiv">
			<p style="height:40px;line-height: 40px;font-size:28px;color:#4a90e2 ;text-align: center;font-weight: bold;">新用户</p>
			<p style="height:36px;line-height: 36px;font-size:18px;color:#e94c6a ;text-align: center;font-weight: bold;">下载APP注册后完成认证得<span style="font-size: 22px;line-height: 36px;display: inline-block;margin-top: -2px;">30</span>元</p>
		
			<div class="newUserDivP"></div>
		</div>
		<div class="registerDiv">
			<p></p>
			<div class="register">
				<p class="inputDiv clear">
					<input class='fl' type="text" v-model="data.account" placeholder="手机号码" maxlength="11"/>
				</p>
				<p class="inputDiv clear" style="position: relative;">
					<input class='fl' type="text" v-model="data.smsVerfiy" placeholder="验证码" maxlength="4"/>
					<button type="button" class="codeBtn" @click = "getSms()" v-text="verifyButton" v-bind="{disabled: disableVerify}"></button>
				</p>
				<div class="">
					<button type="button" class="registerBut" @click = "doSubmit()">领取奖励</button>
				</div>
				<p style="width:100%;height:16px;line-height: 16px;font-size:10px;">
					<img src="img/check2.png" style="width:14px;height:14px;margin-right:5px;">
					<span class="" style="color: #4a4a4a;">
						*我已阅读并同意 <a href="http://privacy.xianbing100.com/privacy.html" style="color: #4a90e2;">《咸冰考研用户服务协议》</a>
					</span>
				</p>
			</div>
		</div>
	</div>
	
	<script type="text/javascript" src="./js/vue.js" ></script>
	<script type="text/javascript" src="./js/index.js" ></script>
    <script type="text/javascript">
    	/*
    	* 获取路径参数
    	*/
    	function getQueryString(name) { 
    		var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 
    		var r = window.location.search.substr(1).match(reg); 
    		if (r != null) return unescape(r[2]); return ""; 
    	} 
    </script>
	<script type="text/javascript" src="./js/register.js" ></script>
</body>
</html>
